//轮播图
var timer;
var num=0;
function Autoplay(){
	timer = setInterval(
	function(){
	  num++;
	  num = num%$("#lunbo li").length;
	  $("#dot li").eq(num).css("background","#FF7700").siblings().css("background","white");
	   // $("#dot li").eq(num+1).css("background","#FF7700").siblings().css("background","white");
	  $("#lunbo li").eq(num).stop().fadeIn(500).siblings().stop().fadeOut(500);
	},3000)
}
Autoplay();

//点击圆点切换事假
	$("#dot li").click(function(){
		$(this).css("background","#FF7700").siblings().css("background","white");
		var index = $(this).index();
		$("#lunbo li").eq(index).stop().fadeIn(500).siblings().stop().fadeOut(500);
	})
 //鼠标移入定时器消失   移出定时器显示
 
 $(".changeimg").eq(0).mouseover(function(){
	 clearInterval(timer);
 }) 
 
 $(".changeimg").eq(0).mouseout(function(){
 	timer = setInterval(
 	function(){
 	  num++;
 	  num = num%$("#lunbo li").length;
 	  $("#dot li").eq(num).css("background","#FF7700").siblings().css("background","white");
 	   // $("#dot li").eq(num+1).css("background","#FF7700").siblings().css("background","white");
 	  $("#lunbo li").eq(num).stop().fadeIn(500).siblings().stop().fadeOut(500);
 	},3000)
 }) 
  
  //点击谁左右 切换图片
  $("#last_btn").click(function(){
	  num--;
	  num = num % 4;
	  $("#dot li").eq(num).css("background","#FF7700").siblings().css("background","white");
	     // $("#dot li").eq(num+1).css("background","#FF7700").siblings().css("background","white");
	   $("#lunbo li").eq(num).stop().fadeIn(500).siblings().stop().fadeOut(500);
  })
  $("#next_btn").click(function(){
  	  num++;
  	  num = num % 4;
  	  $("#dot li").eq(num).css("background","#FF7700").siblings().css("background","white");
  	     // $("#dot li").eq(num+1).css("background","#FF7700").siblings().css("background","white");
  	   $("#lunbo li").eq(num).stop().fadeIn(500).siblings().stop().fadeOut(500);
  })
 
 //图片翻转效果 
$(".changeimg #game-list li").mouseover(function(){
	var index = $(this).index();
	$(".changeimg #game-list li .content .code").eq(index).animate({"top":"-100px"},100);
})

$(".changeimg #game-list li").mouseout(function(){
	var index = $(this).index();
	$(".changeimg #game-list li .content .code").eq(index).animate({"top":"0px"},100);
})

// //克隆数据
   window.onload = function() {
	$.ajax({
		type: "get",
		url: "json/shouyouzhongxin.json",
		async: false,
		success: function(response, status, xhr) {
			// console.log(response.remen);
			// var g = response.remen.length/2;
			for(var g=0;g<response.remen.length/2;g++){
				$("<li></li>").html('<img src="'+response.remen[g].src+'" ><h5>'+response.remen[g].title+'</h5><pre>角色扮演 | '+response.remen[g].mb+'M </pre><div class="download1">下载<div class="tanhe"><img src="shouyouzhongxin-img/sheishicode.png" ><div class="text">手机<b>扫码下载</b>,马上开始玩</div></div></div><div class="download2" style="margin-left: 143px;">开始游戏</div>').appendTo($(".hot").eq(0));
				
			}
			$(".hot").eq(0).children().eq(0).remove();
			
			for(var g=8;g<response.remen.length;g++){
				$("<li></li>").html('<img src="'+response.remen[g].src+'" ><h5>'+response.remen[g].title+'</h5><pre>角色扮演 | '+response.remen[g].mb+'M </pre><div class="download1">下载<div class="tanhe"><img src="shouyouzhongxin-img/sheishicode.png" ><div class="text">手机<b>扫码下载</b>,马上开始玩</div></div></div><div class="download2" style="margin-left: 143px;">开始游戏</div>').appendTo($(".hot1").eq(0));
				
			}
			$(".hot1").eq(0).children().eq(0).remove();
			
			
			for(var g=5;g<response.remen.length-3;g++){
				$("<li></li>").html('<img src="'+response.remen[g].src+'" ><p>'+response.remen[g].title+'</p><span></span>   <div  style="font-size: 10px; float: right; margin-top: 12px;"> 剩余: <b style="color: #FF7700;">4873</b></div><div class="lingqu">领取</div>').appendTo($(".libao").eq(0));
			}
			
			$(".libao").eq(0).children().eq(0).remove();
			
		   
			
		},
		error: function() {
			console.log("程序出错啦！");
		}
	})
			
		//鼠标移入的时候  图标显示
    $("#hotgamelist1 .hot li .download1").mouseover(
	   function(){
		   console.log($(this));
		   var index= $(this).parent().index();
		   // console.log(index);
		   $("#hotgamelist1 .hot li .download1 .tanhe").eq(index).css("display","block");
	   }
	)
	$("#hotgamelist1 .hot li .download1").mouseout(
	   function(){
		   var index= $(this).parent().index();
		   console.log(index);
		   $("#hotgamelist1 .hot li .download1 .tanhe").eq(index).css("display","none");
	   }
	)	
	//热门游侠下面一个列表
	$("#hotgamelist2 .hot1 li .download1").mouseover(
	   function(){
		   console.log($(this));
		   var index= $(this).parent().index();
		   // console.log(index);
		   $("#hotgamelist2 .hot1 li .download1 .tanhe").eq(index).css("display","block");
	   }
	)
	$("#hotgamelist2 .hot1 li .download1").mouseout(
	   function(){
		   var index= $(this).parent().index();
		   console.log(index);
		   $("#hotgamelist2 .hot1 li .download1 .tanhe").eq(index).css("display","none");
	   }	   
	)	
  			
				
	//点击加载更多
	$("#loadmore").click(function(){
			   $("#hotgamelist2").css("display","block");
			   $(".lookmore").eq(0).css("display","none");
			   
	})
				
				
}




